﻿<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8" />
    <title>@ViewBag.Title</title>
    <link href="~/Areas/Administrator/Content/css/layout.css" rel="stylesheet" />
    <link href="~/Content/Dialog/jquery-impromptu.css" rel="stylesheet" />
    <link href="~/Content/Paging/paginate.css" rel="stylesheet" />
    <!--[if lt IE 9]>
    <link rel="stylesheet" href="css/ie.css" type="text/css" media="screen" />
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->


    <script src="~/Scripts/jquery-1.10.1.js"></script>
    <script src="~/Content/Dialog/jquery-impromptu.js"></script>
    <script src="~/Areas/Administrator/Content/js/hideshow.js"></script>
    <script src="~/Areas/Administrator/Content/js/jquery.tablesorter.min.js"></script>
    <script src="~/Areas/Administrator/Content/js/jquery.equalHeight.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $(".tablesorter").tablesorter();
        }
        );
        $(document).ready(function () {

            ////When page loads...
            //$(".tab_content").hide(); //Hide all content
            //$("ul.tabs li:first").addClass("active").show(); //Activate first tab
            //$(".tab_content:first").show(); //Show first tab content

            ////On Click Event
            //$("ul.tabs li").click(function () {

            //    $("ul.tabs li").removeClass("active"); //Remove any "active" class
            //    $(this).addClass("active"); //Add "active" class to selected tab
            //    $(".tab_content").hide(); //Hide all tab content

            //    var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
            //    $(activeTab).fadeIn(); //Fade in the active ID content
            //    return false;
            //});

        });
    </script>
    <script type="text/javascript">
        $(function () {
            $('.column').equalHeight();
        });
    </script>

</head>


<body>

    <header id="header">
        @{Html.RenderAction("Header", "AdminLayout", new { area = "Administrator" });}
    </header> <!-- end of header bar -->

    <section id="secondary_bar">
        @{Html.RenderAction("SecondaryBar", "AdminLayout", new { area="Administrator"});}
    </section><!-- end of secondary bar -->

    <aside id="sidebar" class="column">
        @{Html.RenderAction("Sidebar", "AdminLayout", new { area = "Administrator" });}
    </aside><!-- end of sidebar -->

    <section id="main" class="column">
        @RenderBody()
    </section>


</body>

</html>